<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
{#    <link rel="icon" href="https://v3.bootcss.com/favicon.ico">#}

    <title>客户展示页面</title>
    {% load static %}
    <!-- Bootstrap core CSS -->
    <link href="{% static 'bootstrap-3.4.1-dist/css/bootstrap.css' %}" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="{% static 'css/dashboard.css' %}" rel="stylesheet">
    {% block css %}

    {% endblock %}
</head>

<body>

{% include 'templates/nav1.html' %}

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li class="active"><a href="/plan/order_list/">工单列表</a>
                </li>

            </ul>

        </div>
        <div class="col-sm-6 col-sm-offset-3 main">
            {% block page_main %}
                <h2 class="sub-header">工单列表</h2>
                <div class="table-responsive">
                    <table class="table table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>QQ</th>
                            <th>QQ昵称</th>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>电话</th>
                            <th>客户来源</th>
                            <th>咨询课程</th>
                            <th>班级类型</th>
                            <th>状态</th>
                            <th>咨询日期</th>
                            <th style="width: 48px!important;">已报班级</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for customer in customer_list %}
                            <tr>
                                <td>{{ forloop.counter }}</td>
                                <td>{{ customer.qq }}</td>
                                <td>{{ customer.qq_name }}</td>
                                <td>{{ customer.name }}</td>
                                <td>{{ customer.get_sex_display }}</td>
                                <td>{{ customer.phone|default:'暂无' }}</td>
                                <td>{{ customer.get_source_display }}</td>
                                <td>{{ customer.course }}</td>
                                <td>{{ customer.get_class_type_display }}</td>
                                <td>{{ customer.show_status }}</td>
                                <td>{{ customer.date }}</td>
                                <td>{{ customer.show_class_list|default:'暂无' }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endblock %}

        </div>
    </div>
</div>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="{% static 'bootstrap-3.4.1-dist/js/jquery3.6.4.min.js' %}"></script>
<script src="{% static 'bootstrap-3.4.1-dist/js/bootstrap.js' %}"></script>
{% block js %}

{% endblock %}
</body>
</html>